<template>
   <div id="app">
  	<div class="header_top header_top_1">
  		<el-row type="flex" :gutter="0" justify="center">
  			<el-col>
  				<div style="text-align: left;">湖南省教育学会</div>
  			</el-col>
  			<el-col>
  				<div style="text-align: right;">{{currentdatetime}}</div>
  			</el-col>
  		</el-row>
  	</div>
  	<div class="header_top header_top_2">
  		<el-row :gutter="10">
  			<el-col :span="24">
  				<span class="webtitle">中小学教师论文评审管理平台</span>
  			</el-col>
  		</el-row>
  	</div>
  	<div class="header_top header_top_3">
  		<el-row type="flex" :gutter="0" justify="center">
  			<el-col :span="5"></el-col>
  			<el-col :span="6">
  				<div style="text-align: right;">
  					 <router-link to="/login">
  					<span style="font-size:9pt">张三</span>
  					<span style="font-size:9pt">(管理员)</span>
  					 </router-link>
  				</div>
  			</el-col>
  			<el-col :span="7">
  				<div style="text-align: right;">
  					<span style="font-size:9pt">湖南省教育学会秘书处/长沙市第101中学</span>
  				</div>
  			</el-col>
  			<el-col :span="6">
  				<div style="text-align: right;">
  					<span style="font-size:9pt">修改注册信息</span>
  				</div>
  			</el-col>
  		</el-row>
  	</div>
  	<div class="header_top header_top_4">
  		<div class="activity_name">  		
  			湖南省教育学会2024年度中小学教师论文评审活动
  		</div>
  		<div class="activity_navigator">  		
  			<el-row :gutter="10">
  				<el-col :span="4">
  					<router-link :to="{name:'main'}">
  						首页
  					</router-link>
  				</el-col>
  				<el-col :span="5">
  					<router-link :to="{name:'activitynews'}">
  						活动资料
  					</router-link>
  				</el-col>
  				<el-col :span="5">
  					<router-link to="joinactivity">
  						报名参与
  					</router-link>
  				</el-col>
  				<el-col :span="5">
  					<router-link to="resultquery">
  						结果查询
  					</router-link>
  				</el-col>
  				<el-col :span="5">
  					<router-link :to="{name:'manageconsole'}">
  						项目管理
  					</router-link>
  				</el-col>
  			</el-row>
  		</div>
  	</div>
   </div>
</template>

<script>
	import poster from '@/js/post.js'
	export default{
		name:"Header",
		components:{},
		data(){
			return {
				currentdatetime:null
			}
		},
		mounted(){
			this.getCurrentDatetime();
		},
		methods:{
		 getCurrentDatetime(){
			this.currentdatetime=null;
			poster.get("http://yunluo.com:8089/getcurrentdatetime",{}).then(res=>{
				this.currentdatetime=res;
			}).catch(err=>{
				console.log(err);
			})
		 },
    	 activity_func(arg){
    		console.log("activity_func=",arg)
    		if(arg=="profile"){
    			this.$router.push({path:"/index"});
    		}
    		else if(arg=="manage"){
    			this.$router.push({path:"/manageconsole"});
    		}else{
    			
    		}
    		return true;
    	 },
		}
	}
</script>

<style>
	.header_top {
		margin-bottom:3px;
		border:solid 1px lightsalmon;
	}
	.header_top_1{
		line-height: 20px;;
	}
	.header_top_2{
		line-height: 50px;;
	}
	.header_top_3{
		line-height: 20px;;
	}
	.header_top_4{
		height:86px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background: rgba(177,177,166,.86);
	}
	.activity_navigator{
		position: relative;
		bottom:-16px;
		width: 100%;
		margin: 0px auto;
	}
	.activity_name{
		font-size: 16pt;
		color:ghostwhite;
	}
</style>